@charset "UTF-8";
.clearfix { *zoom: 1; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

/*--------------------通用---------------------*/
button { outline: none; }

img { border: 0; }

p, h2, h3, h4 { margin: 0; line-height: 1; }

ul, ol { margin: 0; padding-left: 0; }

li { list-style: none; }

input, button, select, textarea { border: none; outline: none; }

a { text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

a:hover { text-decoration: none; }

.fwb { font-weight: bold; }

.op0 { opacity: 0; }

.tac { text-align: center; }

.m0 { margin: 0 !important; }

/*--------------------dufault---------------------*/
body { overflow-x: hidden; margin: 0; line-height: 1; font: normal 16px/1 '微软雅黑'; color: #555; background-color: #fff; }

.am-container { margin: 0 auto; min-width: 1200px; width: 1200px;}


.container { min-width: 1200px; width: 100%; }

.fixed-banner-height { margin-top: 600px; }

.tit-sty { position: relative; text-align: center; margin: 60px 0 70px 0; }

.tit-sty .title { color: #000; font-size: 25px; }

.tit-sty .subtitle { display: inline-block; padding-top: 12px; color: #aaa; text-transform: uppercase; }

.tit-sty:after { position: absolute; bottom: -17px; left: 50%; margin-left: -25px; width: 50px; height: 5px; background-color: #01459e; content: ""; }

.tit-sty1 { height: 34px; overflow: hidden; }

.tit-sty1 h4 { display: inline-block; font-size: 30px; font-weight: bold; color: #000; text-transform: uppercase; }

.tit-sty1 ul { float: right; font-size: 0; margin-right: 17px; }

.tit-sty1 ul li { position: relative; display: inline-block; padding: 0 18px; }

.tit-sty1 ul li:first-child:after { display: none; }

.tit-sty1 ul li:after { content: ""; display: block; position: absolute; width: 2px; height: 16px; top: 50%; margin-top: -8px; left: -2px; background: #01459e; transform: rotate(25deg) scale(0.8); }

.tit-sty1 ul li a { display: block; line-height: 34px; font-size: 16px; color: #01459e; transition: all .22s; }

.tit-sty1 ul li a:hover { color: #008aff; }

.tit-sty1 .more-sty1 { float: right; }

.more-sty { margin: 0 auto; width: 190px; height: 45px; line-height: 45px; border: 1px solid #01459e; background-color: #01459e; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.more-sty a, .more-sty .more { display: block; color: #fff; font-size: 16px; line-height: 45px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.more-sty:hover { background-color: #fff; }

.more-sty:hover .more, .more-sty:hover a { color: #01459e; }

.more-sty1 { margin: 0 auto; width: 90px; height: 32px; line-height: 32px; background-color: #01459e; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 34px; border: 1px solid #01459e; }

.more-sty1 a, .more-sty1 .more { display: block; color: #fff; font-size: 16px; line-height: 32px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.more-sty1:hover { background-color: #fff; }

.more-sty1:hover .more, .more-sty1:hover a { color: #01459e; }

.more-sty1.more-long { width: 148px; }

.more-sty1.more-long a { position: relative; width: 100%; height: 100%; display: block; text-align: left; }

.more-sty1.more-long p { display: inline-block; height: 32px; line-height: 32px; vertical-align: top; text-indent: 26px; }

.more-sty1.more-long i { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 22px; }

.search { width: 185px; font-size: 0; position: relative; border-radius: 30px;margin-left:15px }

.search input { display: inline-block; padding: 0 18px 0 18px; width: 149px; height: 30px; line-height: 30px; border: 0; outline: 0; font-size: 14px; background: #fff; color: #aaa; border-radius: 30px; -moz-box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1); }

.search input:focus { -moz-box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.2); }

.search input::-webkit-input-placeholder { color: #aaa; }

.search .search_btn { position: absolute; top: 0; right: 0; display: inline-block; background: #01459e url(../images/icon_search.png) center center no-repeat; padding: 0; font-size: 14px; color: #fff; width: 30px; height: 30px; text-indent: 9999999px; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.search .search_btn:hover { background-color: rgba(24, 56, 131, 0.8); }

/*--------------------fonts---------------------*/
@font-face { font-family: 'MoolBoran'; src: url("../fonts/MoolBoran.eot"); src: local("☺"), url("../fonts/MoolBoran.woff") format("woff"), url("../fonts/MoolBoran.ttf") format("truetype"), url("../fonts/MoolBoran.svg") format("svg"); font-weight: normal; font-style: normal; }

.header-block { width: 100%; height: 130px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.header-block.header-block-fixed { font-size: 999px; height: 130px; }

#header { width: 100%; height: 130px; min-width: 1200px; z-index: 100; overflow: visible; background: transparent; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; }

#header.hd-bg { background: #fff; -moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.1); }

#header.header-fixed { position: fixed; top: 0; left: 0; z-index: 1000; }

#header .hd-r { float: right; }

#header .hd-top { margin-top: 30px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#header .hd-top .email-box { font-size: 0; margin-left: 117px; }

#header .hd-top .email-box i { background: url(../images/icon_email.png) center no-repeat; }

#header .hd-top .lang-box { font-size: 0; padding-left: 29px; }

#header .hd-top .lang-box.lang-en i { background: url(../images/icon_cn.png) center no-repeat; }

#header .hd-top .lang-box i { background: url(../images/icon_en.png) center no-repeat; }

#header .hd-top a { display: inline-block; }

#header .hd-top a:hover p { color: #01459e; }

#header .hd-top i { display: inline-block; width: 23px; height: 30px; margin-right: 13px; }

#header .hd-top p { display: inline-block; line-height: 30px; vertical-align: top; color: #49494a; font-size: 14px; }

#header .hd { float:right; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#header .logo { float: left; height: 73px; margin: 43px 0 17px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

#header .logo .logo-bg { display: none; opacity: 0; visibility: hidden; }

#header .logo img { /* width: 100%; */ height: 100%; }

#header .hd-nav { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#header .hd-nav .hd-pmenu {  }

#header .hd-nav .hd-pmenu li > ul { z-index: 9999; position: absolute; top: 68px; left: 50%; margin-left: -73px; width: 146px; box-shadow: 0px 12px 36px rgba(0, 0, 0, 0.16); background: #01459e; -moz-transform: translateY(10%); -o-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); transform: translateY(10%); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; opacity: 0; filter: alpha(opacity=0); visibility: hidden; }

#header .hd-nav .hd-pmenu li > ul > li { z-index: 9999; }

#header .hd-nav .hd-pmenu li > ul > li > a { position: relative; display: block; margin: 0; text-align: center; line-height: 20px; background: white; padding: 14px 0; font-size: 14px; color: #555; text-transform: uppercase; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }

#header .hd-nav .hd-pmenu li > ul > li > a i { float: right; margin-top: 4px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }

#header .hd-nav .hd-pmenu li > ul > li > a:hover { background: #01459e; color: #fff; }

#header .hd-nav .hd-pmenu li > ul > li > a:hover i { color: #fff; }

#header .hd-nav .hd-pmenu > li { position: relative; float: left; margin: 17px 80px 0 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#header .hd-nav .hd-pmenu > li:first-child:after { display: none; }

#header .hd-nav .hd-pmenu > li:hover ul { -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; filter: alpha(opacity=100); visibility: visible; z-index: 9999; }

#header .hd-nav .hd-pmenu > li > a { position: relative; display: inline-block; width: auto; padding: 17px 0; height: 34px; line-height: 34px; color: #000; text-align: center; font-size: 18px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#header .hd-nav .hd-pmenu > li.on > a, #header .hd-nav .hd-pmenu > li:hover > a { color: #01459e; }

#header .logo { margin: 30px 0 17px; }

#header .logo .logo-bg { display: block; opacity: 1; visibility: visible; }

#header .logo .logo-no-bg { display: none; opacity: 0; visibility: hidden; }

#header .hd-top { margin-top: 26px; }

#header .hd-nav .hd-pmenu > li { margin: 0 80px 0 0; }

#header .hd-nav .hd-pmenu > li > ul { top: 74px; }

#header .hd-nav .hd-pmenu > li > a { padding: 17px 0 23px; }

#edition-en #header .hd-top .email-box { margin-left: 59px; }

#edition-en #header .hd-top .lang-box { padding-left: 54px; }

/*--------------------banner---------------------*/
.hidden { width: 100%; opacity: 0; display: block; visibility: hidden; }

.hidden img { width: 100%; min-width: 1200px; }

.banner { width: 100%; min-width: 1200px; top: 0; left: 0; position: relative; }

.banner ul#pic { position: absolute; top: 0; left: 0; width: 100%; }

.banner ul#pic li { width: 100%; position: absolute; }

.banner ul#pic a { display: block; }

.banner ul#pic img { width: 100%; vertical-align: top; }

.banner .banner_btn { position: absolute; bottom: 30px; z-index: 98; width: 100%; text-align: center; }

.banner .banner_btn span { width: 12px; height: 12px; background: #fe902f; opacity: 0.5; display: inline-block; cursor: pointer; margin-right: 15px; border-radius: 12px; }

.banner .banner_btn span.cur { background: #fe902f; opacity: 1; }

.banner .swiper-button-prev, .banner .swiper-button-next { z-index: 98; position: absolute; top: 50%; left: 30px; margin-top: -35px; outline: 0; width: 70px; height: 70px; line-height: 70px; text-align: center; transition: all .3s; background: transparent; border-radius: 0; cursor: pointer; user-select: none; }

.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover { background: rgba(0, 153, 222, 0.2); }

.banner .swiper-button-prev:hover i, .banner .swiper-button-next:hover i { color: #0099de; }

.banner .swiper-button-prev i, .banner .swiper-button-next i { height: inherit; line-height: inherit; color: #0099de; font-size: 50px; transition: all .3s; }

.banner .swiper-button-next { left: auto; right: 30px; }

/*--------------------pro---------------------*/
.index-pro { width: 100%; padding-bottom: 80px; }

.index-pro .tit-sty1 { padding: 80px 0 36px; }

.index-pro .pro-box { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex; overflow: hidden; justify-content: space-between; }

.index-pro .pro-box .pro-box-con:first-child { margin-right: 8px; }

.index-pro .pro-box .pro-box-con { float: left; width: 596px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex; flex-wrap: wrap; align-content: space-between; }

.index-pro .pro-box .pro-box-con .pro-box-in-wrap { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; margin: auto 0; height: 125px; }

.index-pro .pro-box figure { position: relative; width: 100%; height: 100%; max-height: 564px; }

.index-pro .pro-box figure .pic { width: inherit; height: inherit; overflow: hidden; }

.index-pro .pro-box figure .pic:after { display: block; z-index: 9; position: absolute; top: 0; width: 55%; background: url(../images/nbwbrand.png) center no-repeat; background-size: 100% auto; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nbwbrand.png', sizingMethod='scale'); left: 0; bottom: 0; right: 0; margin: auto; content: ""; }

.index-pro .pro-box figure:hover .pro-box-in { z-index: 10; opacity: 1; visibility: visible; }

.index-pro .pro-box .pro-box-top { width: 100%; height: 274px; }

.index-pro .pro-box .pro-box-top figure { max-height: 274px; }

.index-pro .pro-box .pro-box-bottom { margin-top: 8px; width: 100%; height: 282px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.index-pro .pro-box .pro-box-bottom figure { max-width: 294px; max-height: 282px; }

.index-pro .pro-box .pro-box-bottom .pro-box-l { float: left; margin-right: 8px; }

.index-pro .pro-box .pro-box-bottom .pro-box-r { float: right; }

.index-pro .pro-box .pro-box-bottom .pic:after { width: 70%; }

.index-pro .pro-box .pro-box-in { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; align-content: center; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background-color: rgba(1, 69, 158, 0.6); transition: all .22s ease-in; cursor: pointer; visibility: hidden; opacity: 0; }

.index-pro .pro-box .pro-box-in h4 { width: 100%; box-sizing: border-box; font-size: 30px; text-align: center; font-weight: normal; padding: 10px; text-transform: capitalize; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.index-pro .pro-box .pro-box-in i { margin-top: 38px; display: inline-block; width: 35px; height: 35px; background: url(../images/icon_plus.png) no-repeat; }

.index-pro .pro-box .pro-box-in ul { font-size: 0; width: 80%; margin: 0 auto; }

.index-pro .pro-box .pro-box-in ul li { display: inline-block; padding: 0 10px; position: relative; line-height: 30px; height: 30px; font-size: 20px; }

.index-pro .pro-box .pro-box-in ul li a { color: #fff; }

.index-pro .pro-box .pro-box-in ul li a:hover { text-decoration: underline; }

.index-pro .pro-box .pro-box-in ul li:last-child:after { display: none; }

.index-pro .pro-box .pro-box-in ul li:after { content: ""; display: block; position: absolute; width: 2px; height: 24px; top: 50%; margin-top: -11px; right: 2px; background: #fff; transform: rotate(25deg) scale(0.8); }

.index-pro .pro-box .pro-box-l h4, .index-pro .pro-box .pro-box-r h4 { font-size: 22px; }

.index-pro .pro-box .pro-box-l ul, .index-pro .pro-box .pro-box-r ul { width: 100%; padding: 0 5%; box-sizing: border-box; }

.index-pro .pro-box .pro-box-l ul li, .index-pro .pro-box .pro-box-r ul li { font-size: 16px; }

.index-pro .pro-box .pro-box-l i, .index-pro .pro-box .pro-box-r i { margin-top: 22px; }

.index-pro .pro-box .pro-box-l .pro-box-in-wrap, .index-pro .pro-box .pro-box-r .pro-box-in-wrap { position: absolute; top: 0; bottom: 0; width: 100%; margin: auto; height: 101px; }

.index-pro .wash-surround { padding-top: 52px; }

.index-pro .wash-surround figure { max-width: 596px; max-height: 274px; }

.index-pro .wash-surround .pro-box-con .pro-box-in { opacity: 1; visibility: visible; background: transparent; }

.index-pro .wash-surround .pro-box-con .pro-box-in:hover { background: #01459e; }

.index-pro .wash-surround .pro-box-con .pro-box-in:hover h4 { color: #fff; }

.index-pro .wash-surround .pro-box-con .pro-box-in:hover h4:after { display: none; }

.index-pro .wash-surround .pro-box-con .pro-box-in:hover ul, .index-pro .wash-surround .pro-box-con .pro-box-in:hover i { visibility: visible; opacity: 1; }

.index-pro .wash-surround .pro-box-con .pro-box-in:hover ul { display: block; width: 100%; height: auto; }

.index-pro .wash-surround .pro-box-con .pro-box-in:hover i { display: inline-block; height: 35px; }

.index-pro .wash-surround .pro-box-con .pro-box-in h4 { color: #01459e; }

.index-pro .wash-surround .pro-box-con .pro-box-in h4:after { content: ""; display: block; position: relative; top: 20px; left: 50%; margin-left: -12px; width: 24px; height: 2px; background: #01459e; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.index-pro .wash-surround .pro-box-con .pro-box-in ul, .index-pro .wash-surround .pro-box-con .pro-box-in i { display: none; height: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.index-pro .wash-surround .pro-box-con .pro-box-in:hover { background: rgba(1, 69, 158, 0.6); }

#edition-en .index-pro .pro-box .pro-box-in h4 { font-size: 26px; }

#edition-en .index-pro .pro-box .pro-box-in ul li { font-size: 18px; }

#edition-en .index-pro .pro-box .pro-box-in i { margin-top: 26px; }

#edition-en .index-pro .pro-box .pro-box-l h4, #edition-en .index-pro .pro-box .pro-box-r h4 { font-size: 22px; }

#edition-en .index-pro .pro-box .pro-box-l ul li, #edition-en .index-pro .pro-box .pro-box-r ul li { font-size: 16px; }

#edition-en .index-pro .pro-box .pro-box-l i, #edition-en .index-pro .pro-box .pro-box-r i { margin-top: 22px; }

#edition-en .index-pro .wash-surround .pro-box-con + .pro-box-con .pro-box-in h4 { font-size: 24px; }

#edition-en .footer .ft-t { height: 330px; }

#edition-en .footer .ft-t .ft-pro-list { margin-top: 16px; padding: 0 5px; }

#edition-en .footer .ft-pro-list1 { width: 108px; }

#edition-en .footer .ft-pro-list2 { width: 107px; }

#edition-en .footer .ft-pro-list3 { width: 123px; }

#edition-en .footer .ft-pro-list4 { width: 112px; }

#edition-en .footer .ft-pro-list5 { width: 138px; }

#edition-en .footer .ft-pro-list6 { width: 116px; }

#edition-en .footer .ft-pro-list7 { width: 119px; }

#edition-en .footer .ft-pro-list8 { width: 134px; }

#edition-en .footer .ft-pro-list9 { width: 128px; }

#edition-en .ft-pro-list:nth-of-type(3) { margin-left: 13px !important; }

#edition-en .ft-pro-list:nth-of-type(8) { margin-left: 10px !important; }

#edition-en .footer .ft-t .ft-pro-list li { padding: 8px 8px; }

#edition-en .footer .ft-t .ft-pro-list li a { font-size: 14px; line-height: 1.4; }

/*--------------------index-about---------------------*/
.index-about { width: 100%; min-width: 1200px; min-height: 540px; overflow: hidden; }

.index-about .am-container { width: 1920px; position: relative; left: 50%; margin-left: -960px; }

.index-about .about-bottom { background: url(../images/about_new.jpg) top center no-repeat; }

.index-about .about-bottom .about-b-l, .index-about .about-bottom .about-b-r { position: relative; float: left; width: 50%; height: 542px; }

.index-about .about-bottom .about-b-r { width: 560px; padding-left: 40px; }

.index-about .about-bottom .about-content { padding: 0; max-height: 274px; color: #fff; }

.index-about .about-bottom .about-content h4 { padding-top: 55px; font-size: 20px; font-weight: bold; }

.index-about .about-bottom .about-content h2 { padding-top: 10px; padding-bottom: 28px; font-size: 20px; font-weight: bold; }

.index-about .about-bottom .about-content p { font-size: 16px; line-height: 28px; text-indent: 0em !important; }

.index-about .about-bottom .more-sty1 { position: absolute; left: 40px; bottom: 60px; background: #fff; border: 0; }

.index-about .about-bottom .more-sty1.more-long a { color: #01459e; }

.pagebg { background: #f7f7f7; }

.epd-about-con p, .epd-about-con span { line-height: 28px; font-size: 16px; }

.tit-sty2 { position: relative; padding: 102px 0 64px; text-align: center; }

.tit-sty2 h4 { font-size: 27px; color: #01459e; font-weight: normal; text-transform: uppercase; }

.tit-sty2:after { position: absolute; left: 50%; bottom: 34px; margin-left: -7px; width: 14px; height: 6px; background: #01459e; content: ''; }

/*--------------------index-certificate---------------------*/
.index-certificate { width: 100%; padding-bottom: 60px; }

.index-certificate .certificate-box { position: relative; }

.index-certificate .certificate-box .swiper-slide { float: left; }

.index-certificate .certificate-box .pic { box-sizing: border-box; width: 100%; height: 320px; border: 1px solid #eee; user-select: none; }

.index-certificate .certificate-box .pic img { max-width: 100%; }

.index-certificate .certificate-box p { width: 100%; font-size: 14px; padding: 0 4px; line-height: 47px; height: 47px; text-align: center; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #555; }

.index-certificate .certificate-box a { display: block; }

.index-certificate .certificate-box a:hover p { color: #01459e; }

.index-certificate .swiper-button-prev, .index-certificate .swiper-button-next { z-index: 98; position: absolute; top: 50%; left: -32px; margin-top: -25px; outline: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; transition: all .3s; background: #fff; border-radius: 50%; cursor: pointer; user-select: none; }

.index-certificate .swiper-button-prev:hover, .index-certificate .swiper-button-next:hover { background: #0099de; }

.index-certificate .swiper-button-prev:hover i, .index-certificate .swiper-button-next:hover i { color: #fff; }

.index-certificate .swiper-button-prev i, .index-certificate .swiper-button-next i { height: inherit; line-height: inherit; color: #2e2e2e; font-size: 30px; transition: all .3s; }

.index-certificate .swiper-button-next { left: auto; right: -32px; }

.index-certificate .swiper-button-prev, .index-certificate .swiper-button-next { transform: translateY(-23px); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2); }

.tit-sty3 { position: relative; padding: 78px 0 40px 0; text-align: left; }

.tit-sty3 h4 { font-size: 27px; color: #333; font-weight: normal; text-transform: uppercase; }

.tit-sty3 small { display: inline-block; padding-top: 18px; font-size: 50px; text-transform: uppercase; font-family: MoolBoran; }

.tit-sty3 em { color: #01459e; }

.tit-sty3:after { position: absolute; left: 0; bottom: 34px; width: 14px; height: 6px; background: #01459e; content: ''; }

/*--------------------news---------------------*/
.index-news { width: 100%; min-width: 1200px; overflow: hidden; background-color: #f8f8f8; padding-bottom: 104px; }

.index-news .am-container { position: relative; }

.index-news .more-sty1 { position: absolute; top: 85px; right: 0; }

.index-news .news-container { width: 1166px; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.index-news .news-container li { width: 363px; float: left; transition: all .22s ease; }

.index-news .news-container li:first-child + li { margin: 38px 0 39px; margin: 0 38.5px; }

.index-news .news-container li a { display: block; padding-bottom: 44px; border-bottom: 1px solid #e8e8e8; }

.index-news .news-container li .pic { width: 100%; height: 228px; overflow: hidden; }

.index-news .news-container li .pic img { max-width: 100%; }

.index-news .news-container li p { box-sizing: border-box; width: 100%; padding: 0 12px; color: #01459e; font-size: 20px; line-height: 77px; height: 77px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.index-news .news-container li span { margin-top: -4px; padding: 0 12px; height: 47px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; color: #777; line-height: 25px; }

.index-news .news-container li:hover { background: #fff; border-bottom-color: #fff; -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }

/*--------------------kehu---------------------*/
.index-kehu { width: 100%; overflow: hidden; padding-bottom: 80px; }

.index-kehu .am-container { position: relative; }

.index-kehu article { display: block; float: left; width: 554px; }

.index-kehu article p { font-size: 16px; color: #555; line-height: 35px; }

.index-kehu .img { position: absolute; top: 78px; right: 0; }

.footer { width: 100%; min-width: 1200px; background: url(../images/bg_footer.jpg) top center no-repeat; background-size: cover; }

.footer .am-container { padding: 0 0 0 7px; }

.footer .ft-t { width: 100%; background: #f1f1f1 url(../images/ft.jpg) top center no-repeat; min-width: 1200px; background-size: cover; height: 292px; }

.footer .ft-t h2 { padding: 54px 0 34px; color: #008aff; }

.footer .ft-t .ft-pro-list { margin-top: 38px; font-size: 0; }

.footer .ft-t .ft-pro-list li { display: block; padding: 12px 16px; position: relative; }

.footer .ft-t .ft-pro-list li a { display: inline-block; color: #01459e; font-size: 16px; text-transform: capitalize; }

.footer .ft-t .ft-pro-list li a:hover { color: #008aff; }

.footer .ft-t .ft-pro-list1 { width: 81px; float: left; }

.footer .ft-t .ft-pro-list2 { width: 120px; border-right: 1px solid #d8d8d8; float: left; }

.footer .ft-t .ft-pro-list3 { margin-left: 40px; width: 111px; float: left; }

.footer .ft-t .ft-pro-list4 { width: 112px; float: left; }

.footer .ft-t .ft-pro-list5 { width: 160px; float: left; }

.footer .ft-t .ft-pro-list6 { width: 116px; float: left; }

.footer .ft-t .ft-pro-list7 { width: 120px; float: left; border-right: 1px solid #d8d8d8; }

.footer .ft-t .ft-pro-list8 { margin-left: 40px; float: left; width: 134px; }

.footer .ft-t .ft-pro-list9 { float: left; width: 131px; }

.footer .line { width: 100%; border-bottom: 1px solid #1e3f8c; }

.footer .ft-b { width: 100%; min-height: 98px; padding: 32px 0; text-align: center; }

.footer .ft-b .am-container { position: relative; }

.footer .ft-b img { position: absolute; right: 0; top: 50%; margin-top: -50px; }

.footer .ft-b span { text-align: center; padding-left: 26px; font-size: 14px; color: #78a0ff; line-height: 30px; height: 30px; }

.footer .ft-b a { color: #78a0ff; font-size: 14px; line-height: 30px; height: 30px; }

.footer .ft-b a:hover { color: #fff; }

.footer .ft-b span:first-child { padding-left: 0; }

.footer .ft-b p:nth-child(4) span { padding-left: 44px; }

.page-banner { width: 100%; min-width: 1200px; }

.page-banner img { width: 100%; }

.page { width: 100%; min-width: 1200px; padding-top: 40px; padding-bottom: 80px; overflow: hidden; background: #fafafa; }

.page .tit-sty2 { padding: 10px 0 64px; }

.page.epd-bgc-white { background-color: #fff; border-top: 1px solid #eee; }

.page .index-kehu { margin-top: -30px; }

.page .index-kehu .am-container { padding-bottom: 0; }

.page .index-certificate { padding-bottom: 0; }

.position { width: 100%; background: #fff; height: 48px; line-height: 48px; font-size: 14px; color: #555; }

.position a, .position p { font-size: 14px; color: #555; text-transform: capitalize; }

.position a:hover { color: #01459e; }

/*--------------------newslist---------------------*/
.page-left-menu.fixed { position: fixed; top: 60px; }

.page-left-menu { float: left; display: none; width: 225px; background: #01459e; padding-bottom: 40px; margin-bottom: 20px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.page-left-menu h1 { height: 80px; font-size: 20px; color: #fff; line-height: 80px; text-indent: 24px; font-weight: bold; }

.page-left-menu ul li { height: 56px; padding-left: 5px; margin-bottom: 10px; }

.page-left-menu ul li a { display: block; height: 56px; padding-left: 55px; font-size: 16px; line-height: 56px; color: #fff; background: url(../images/icon-s.png) 20px center no-repeat; -webkit-transition: all .35s ease-in; transition: all .35s ease-in; }

.page-left-menu ul li.on a, .page-left-menu ul li a:hover { padding-left: 20px; background: url(../images/icon-s.png) 18px center no-repeat #f0fff8; color: #01459e; }

.page-left .img { display: block; width: 285px; margin-bottom: 20px; }

.page-left .img img { width: 285px; }

.page-news { padding-top: 60px; padding-bottom: 0; }

.page-right { width: 930px; margin: 0 auto; }

.page-right .news-wrap { width: 930px; min-height: 380px; }

.page-right .location { width: 904px; border-bottom: 1px solid #ddd; }

.location { width: 954px; margin: 0 auto; position: relative; border-bottom: 0; height: 65px; padding: 0 13px; }

.location h2 { float: left; position: relative; line-height: 45px; padding-left: 60px; color: #01459e; font-size: 20px; background: url(../images/logo_top.jpg) left center no-repeat; }

.location p { width: 100%; text-align: right; line-height: 45px; }

.location p, .location a { color: #333; font-size: 14px; }

.location a:hover { color: #01459e; }

.net { width: 100%; height: 525px; background: url(../images/netbg.jpg) center center no-repeat; }

/*--------------------newsarticle---------------------*/
.epd-news { padding-top: 60px; padding-bottom: 0; }

#news_con article { font-size: 14px; line-height: 28px; }

#news_con article table { border-collapse: collapse; }

#news_con article .title { color: #444; font-size: 18px; font-weight: normal; text-align: center; margin: 0; }

#news_con article .date { font-size: 12px; text-align: center; color: #aaa; margin-top: 10px; padding-bottom: 30px; border-bottom: 1px solid #eee; }

#news_con article .body { margin: 50px 0 50px; min-height: 250px; }

#news_con article .body img { max-width: 800px; height: auto !important; display: block; margin: 0 auto; }

.contentnav { padding-top: 40px; padding-bottom: 60px; }

.contentnav div { display: inline-block; }

.contentnav div:first-child + div { margin: 0 160px; }

.contentnav a { display: block; width: 120px; line-height: 36px; font-size: 14px; text-align: center; border: 1px solid #555; color: #555; user-select: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.contentnav a:hover { background-color: #01459e; border: 1px solid #01459e; color: #fff; }

.contentnav div:first-child a:hover { text-indent: -10px; }

.contentnav div:first-child + div + div a:hover { text-indent: 10px; }

.video-article .picture-wrap { background-color: #171616; }

.video-article .picture-wrap span { display: block; height: 650px; width: 100%; text-align: center; }

.video-article .picture-wrap img { max-width: 100%; max-height: 100%; }

.video-article .info { width: 100%; background-color: #212121; }

.video-article .info .left { margin: 30px 0px; float: left; width: 340px; }

.video-article .info .left h4 { color: #fff; font-size: 20px; text-align: right; max-width: 300px; }

.video-article .info .left p { padding-top: 8px; text-align: right; max-width: 300px; color: #787878; }

.video-article .info .right { float: right; position: relative; margin: 36px 0px 36px 40px; width: 820px; line-height: 1.4; }

.video-article .info .right:after { content: ''; position: absolute; left: -40px; width: 1px; height: 35px; margin-left: 0px; transform: translateY(-50%); background: rgba(255, 255, 255, 0.1); }

.video-article article { padding-top: 30px; min-height: 350px; }

.video-article article p { line-height: 24px; font-size: 13px; color: #6a6a6a; }

#edition-en .contact_foot li { min-height: 85px; width: 525px; padding: 70px 30px 30px; }

.contact-top { width: 100%; background: #01459e; }

.contact_top { padding-top: 35px; padding-bottom: 40px; overflow: hidden; width: 1200px; margin: 0 auto; }

.contact_top div { width: 25%; float: left; }

.contact_top span { height: 30px; line-height: 30px; display: block; padding-left: 42px; font-size: 16px; color: #fff; }

.contact_top i { display: inline-block; position: absolute; width: 30px; height: 30px; }

.contact_top .tel i { background: url(../images/tel-icon2.png) center center no-repeat; }

.contact_top .web i { background: url(../images/web.png) center center no-repeat; }

.contact_top .email i { background: url(../images/ci4.png) center center no-repeat; }

.contact_top .fax i { background: url(../images/fax.png) center center no-repeat; }

.contact_foot { margin-top: 90px; height: 200px; padding-bottom: 75px; }

.contact_foot li { position: relative; width: 270px; min-height: 55px; float: left; margin-right: 30px; line-height: 26px; background: #f6f7fb; text-align: center; padding: 70px 30px 30px;box-sizing: border-box; }

.contact_foot li:last-child { margin: 0; }

.contact_foot li.address i { background: #01459e url(../images/location.png) center center no-repeat; }

.contact_foot li.tel i { background: #01459e url(../images/tel-icon2.png) center center no-repeat; }

.contact_foot li.fax i { background: #01459e url(../images/fax.png) center center no-repeat; }

.contact_foot li.email i { background: #01459e url(../images/ci4.png) center center no-repeat; }

.contact_foot li i { display: block; position: absolute; width: 80px; height: 80px; top: -40px; left: 50%; margin-left: -40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.down-location { border-bottom: 1px solid #ddd; }

.downlist { padding-top: 40px; }

.downlist li { padding-left: 30px; position: relative; }

.downlist li:after { content: ""; position: absolute; top: 50%; margin-top: -3px; left: 0; display: block; width: 6px; height: 6px; background-color: #01459e; border-radius: 50%; }

.downlist li a { overflow: hidden; }

.downlist li a:hover h3, .downlist li a:hover p { color: #01459e; }

.downlist li h3 { float: left; line-height: 36px; font-size: 16px; }

.downlist li p { width: 100%; font-size: 16px; text-align: right; line-height: 36px; }

.cebian { position: fixed; z-index: 100; right: 0; top: 50%; margin-top: -150px; border: 1px solid #01459e; border-right: 0; }

.cebian li { position: relative; transition: all .18s ease-in; }

.cebian li .qrcode-img { position: absolute; right: 65px; top: 0; transform: scale(0); -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; }

.cebian li:hover .qrcode-img { transform: scale(1); }

.cebian li:first-child a { padding-top: 8px; border-top: 0; }

.cebian li:hover a { background: #fff; }

.cebian li:hover a i, .cebian li:hover a span { color: #01459e; }

.cebian a { text-align: center; display: block; border-top: 1px solid #909090; background-color: #01459e; padding: 4px 14px 8px; }

.cebian a i { font-size: 26px; display: inline-block; color: #fff; }

.cebian a .icon-erweima { font-size: 30px; }

.cebian a .icon-huiyuan21 { font-size: 22px; }

.cebian a span { padding-top: 3px; font-size: 12px; line-height: 16px; display: block; color: #fff; }

.cebian .totop { height: 0; opacity: 0; visibility: hidden; transition: all .3s; }

.cebian .totop-on { height: auto; opacity: 1; visibility: visible; }

#hyfc .body { margin: 50px 0 20px; }

#hyfc .body p { font-size: 16px; font-family: "微软雅黑"; line-height: 34px; }

#hyfc .body img { max-width: 750px; height: auto !important; margin: 0 auto; display: block; }

#hyfc .new-con-img { max-width: 750px; margin-bottom: 50px; }

#hyfc .new-con-img img { max-width: 750px; height: auto !important; margin: 0 auto; display: block; }

#hyfc .date { font-size: 0 !important; color: #fff !important; }

#hyfc #news_con article .title { font-size: 22px; font-weight: bold; }

.body p { line-height: 34px; }

.en-br { display: none; }

#edition-en #header .hd-nav .hd-pmenu { margin-right: 0}

#edition-en #header .hd-nav .hd-pmenu > li { margin: 0 52px 0 0; }

#edition-en #header.hd-bg .hd-nav .hd-pmenu > li { margin: 0 52px 0 0; }

#edition-en #header .hd-nav .hd-pmenu li > ul { width: 200px; margin-left: -100px; }

#edition-en .tit-sty3 h4 { display: none; }

#edition-en .en-br { display: block; }

#edition-en .en-br + span { padding-left: 0; }

#edition-en .contact_foot li { font-size: 16px; }

#about { min-height: auto; }

#about .am-container { margin: 0 auto; width: 1200px; min-width: 1200px; position: static; }

#about .about-b-l .banner2 { width: 100%; overflow: hidden; position: relative; width: 100%; height: 394px; }

#about .about-b-l .banner2 #pic2 { position: absolute; top: 0; left: 0; width: 100%; height: 394px; }

#about .about-b-l .banner2 #pic2 li { width: 100%; position: absolute; }

#about .about-b-l .banner2 #pic2 a { display: block; }

#about .about-b-l .banner2 #pic2 img { position: absolute; width: 100%; }

#about .about-b-l .banner2 .banner_btn2 { position: absolute; bottom: 14px; z-index: 98; width: 100%; text-align: center; }

#about .about-b-l .banner2 .banner_btn2 span { width: 12px; height: 12px; background: #01459e; opacity: 0.5; display: inline-block; cursor: pointer; margin-right: 15px; border-radius: 12px; }

#about .about-b-l .banner2 .banner_btn2 span.cur { background: #01459e; opacity: 1; }

#about .about-bottom { background: transparent; }

#about .about-bottom .about-content { color: #555; }

#about .about-bottom h2, #about .about-bottom h4 { color: #01459e; }

#about .about-bottom h4 { padding-top: 0; }

#about .about-bottom .about-b-l, #about .about-bottom .about-b-r { height: auto; }

#edition-en .index-history { padding-bottom: 30px; }

#edition-en .index-history:after { bottom: 162px; }

.index-history { width: 100%; height: 304px; position: relative; min-width: 1200px; background: #f7f7f7; }

.index-history:after { z-index: 0; content: ""; width: 100%; height: 3px; display: block; position: absolute; bottom: 132px; background-color: #d6d6d6; }

.index-history .am-container { height: 304px; }

.index-history .tit-sty2 { padding: 30px 0 27px; }

.index-history .tit-sty2:after { bottom: 0; }

.index-history-tit { padding: 95px 0 18px; line-height: 1; color: #aaa; text-align: center; }

.index-history-tit .history-tit-p { font-size: 24px; padding-bottom: 7px; font-family: "Microsoft YaHei"; color: #333; line-height: 1.25; }

.index-history-tit h4 { font-size: 14px; font-weight: normal; line-height: 24px; }

.index-suclist { width: 1200px; overflow: hidden; padding: 0 10px; margin-left: -10px; }

.index-suclist .tempWrap { margin-top: 23px; }

.suclist li { position: relative; width: 380px; float: left; margin-right: 30px; overflow: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.suclist ul li:last-child { margin-right: 0; }

.suclist li a { overflow: hidden; display: block; position: relative; height: 200px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.suclist li a h3 { position: relative; padding: 10px 0 45px; font-size: 16px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.suclist li a h3 span { display: inline-block; padding: 12px 25px; color: #000; font-weight: bold; }

.suclist li a:before { z-index: 100 !important; position: absolute; top: 58px; left: 50%; display: block; margin-left: -4px; content: ""; width: 6px; height: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border: 3px solid #e6212a !important; }

.suclist li a p { padding: 0 38px; font-size: 14px; line-height: 24px; color: #555; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#history .swiper-button-prev, #history .swiper-button-next { z-index: 98; position: absolute; top: 50%; left: -32px; margin-top: -25px; outline: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; transition: all .3s; background: #fff; border-radius: 50%; cursor: pointer; user-select: none; }

#history .swiper-button-prev:hover, #history .swiper-button-next:hover { background: #0099de; }

#history .swiper-button-prev:hover i, #history .swiper-button-next:hover i { color: #fff; }

#history .swiper-button-prev i, #history .swiper-button-next i { height: inherit; line-height: inherit; color: #2e2e2e; font-size: 30px; transition: all .3s; }

#history .swiper-button-next { left: auto; right: -32px; }

#history .swiper-button-prev, #history .swiper-button-next { z-index: 999; top: 144px; margin-top: 0; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2); }

.net .net-box { top: 184px; right: 105px; width: 462px; height: 112px; background-color: rgba(255, 255, 255, 0.8); padding-right: 27px; box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.1); padding-top: 23px; padding-left: 27px; }

.net .net-box p { color: #555; font-size: 14px; line-height: 30px; }

.net .net-box h4 { display: block; font-size: 18px; font-weight: bold; color: #01459e; }

#edition-en .net .net-box { right: 0px; width: 512px; height: 175px; }

/*--------------------pro---------------------*/
.container { padding: 110px 0 90px; height: auto; background: #f6f7fb; }

.pro_list { width: 100%; min-width: 1200px; background: #f6f7fb; overflow: hidden; }

.main-left { float: left; width: 270px; background: #01459e; }

.main-left li:not([class='lihasul']).on a { background-color: #fff; color: #01459e; }

.main-left li:not([class='lihasul']).on a:hover { color: #01459e; }

.main-left li { margin-bottom: 3px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.main-left li.on { background: #01459e; color: #fff; }

.main-left li:hover { background: #fff; color: #01459e; }

.main-left li.on:hover { background: #01459e; color: #fff !important; }

.main-left > ul > li > a { font-size: 18px; font-weight: bold; height: 55px; line-height: 55px; }

.main-left i { height: 55px; line-height: 55px; }

.main-left > ul > li > a:hover { color: #01459e; }

.main-left > ul > li.on > a:hover { color: #fff; }

.main-left a { color: #fff; padding: 0 18px; font-size: 14px; height: 48px; line-height: 48px; display: block; }

.main-left li li a { color: #555; }

#left_menu { padding-bottom: 24px; }

#left_menu > li > ul { display: none; background: #fff; }

#left_menu > li > ul li { margin: 0 0 5px; /*  padding-left:15px; */ /* @include borderRadius(0); */ }

#left_menu > li > ul li:last-child { padding-bottom: 15px; margin-bottom: 0; }

#left_menu > li > ul li.on, #left_menu > li > ul li:hover { background: #fff; }

#left_menu > li > ul li.on a, #left_menu > li > ul li:hover a { color: #01459e; font-weight: bold; }

#left_menu > li > ul li.on i, #left_menu > li > ul li:hover i { opacity: 1; margin-right: 0; }

#left_menu > li > ul li i { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; height: 48px; width: 18px; background: url(../images/icon_sub.png) center no-repeat; opacity: 0; }

#left_menu > li.on > .lihasul { padding-bottom: 5px; padding-top: 5px; }

#edition-en .main-left > ul > li > a { position: relative; font-size: 16px; height: auto; line-height: 1.5; padding: 14px 28px 14px 18px; }

#edition-en .main-left > ul > li > a > i { position: absolute; line-height: 1; height: auto; top: 50%; margin-top: -8px; right: 18px; }

.pro_list { width: 100%; padding-top: 40px; min-width: 1200px; overflow: hidden; }

.pro_list .product_main { width: 900px; min-height: 550px; }

.list_ul { width: 900px; }

.list_ul li { float: left; width: 285px; margin: 0 22px 24px 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.list_ul li:hover { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); }

.list_ul li:nth-child(3n) { margin-right: 0; }

.list_ul li a { display: block; background: #fff; }

.list_ul li a .title { float: left; padding-left: 20px; padding-right: 10px; font-size: 16px; color: #000; font-weight: normal; line-height: 50px; box-sizing: border-box; width: calc(100% - 96px); height: 50px; overflow: hidden; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.list_ul li a span { text-align: center; width: auto; display: block; width: 80px; height: 50px; float: right; line-height: 50px; color: #fff; background: #01459e; }

.list_ul li .img { display: table-cell; vertical-align: middle; text-align: center; width: 285px; height: 250px; min-height: 250px; overflow: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: relative; }

.list_ul li .img:after { display: block; z-index: 9; position: absolute; top: 0; width: 55%; background: url(../images/nbwbrand.png) center no-repeat; background-size: 100% auto; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nbwbrand.png', sizingMethod='scale'); left: 0; bottom: 0; right: 0; margin: auto; content: ""; }

.list_ul li .img > img { max-width: 100%; max-height: 250px; width: 100%; position: absolute; top: 0; left: 0; }

.list_ul li .title { float: left; padding-left: 20px; padding-right: 10px; font-size: 16px; color: #000; font-weight: normal; line-height: 50px; box-sizing: border-box; width: calc(100% - 96px); height: 50px; overflow: hidden; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.list_ul li .addpan { text-align: center; width: auto; display: block; padding: 0 21px; height: 50px; float: right; line-height: 50px; color: #fff; background-color: #01459e; }

.list_ul li:hover { -moz-transform: translate3d(0, -2px, 0); -o-transform: translate3d(0, -2px, 0); -ms-transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }

.list_ul li:hover .title { color: #01459e; }

.openselect { margin: 30px 0; display: inline-block; background-color: #133e96; color: #fff; border-radius: 50px; padding: 0 30px; line-height: 40px; text-transform: uppercase; }

.openselect:hover { color: #fff; }

.pro_article { width: 100%; min-width: 1200px; overflow: hidden; }

.pro_article .product_main { width: 900px; min-height: 300px; }

.pro_article h4 { font-size: 25px; color: #01459e; line-height: 48px; }

.pro_article article, .pro_article p { color: #777; line-height: 25px; font-size: 14px; }

.pro_article .table table { border-collapse: collapse; border-spacing: 0; margin-top: 35px; width: 100%; margin: 0 auto; }

.pro_article .table table tr { height: 22px !important; line-height: 22px !important; }

.pro_article .table table td { height: 22px !important; vertical-align: middle !important; font-size: 16px; line-height: 22px !important; padding: 14px 8px; text-align: center !important; text-align: center !important; font-family: "微软雅黑" !important; border-width: 1px !important; border-style: solid; border-color: #777 !important; color: #777 !important; }

.pro_article .table table td span, .pro_article .table table td p { font-family: "微软雅黑" !important; font-size: 16px; line-height: 22px !important; text-align: center !important; margin: 0 !important; color: #777 !important; }

.pro-con-top { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.pro-con-top .left { max-width: 472px; }

.pro-con-top .left .pic { width: 472px; height: 410px; overflow: hidden; position: relative; }

.pro-con-top .left .pic:after { display: block; z-index: 9; position: absolute; top: 0; width: 55%; background: url(../images/nbwbrand.png) center no-repeat; background-size: 100%; left: 0; bottom: 0; right: 0; margin: auto; content: ""; }

.pro-con-top .left .pic img { max-width: 100%; }

.pro-con-top .right { width: 382px; position: relative; min-height: 410px; }

.pro-con-top .right h4 { margin-top: -12px; padding-bottom: 20px; }

.pro-con-bottom { padding-top: 50px; }

.pro-con-bottom article, .pro-con-bottom p { color: #777; line-height: 35px; font-size: 14px; }

.send_inquiry { position: absolute; bottom: 0; display: inline-block; font-size: 18px; width: 100%; transition: all 1s; text-align: center; height: 50px; box-sizing: border-box; line-height: 50px; background: #01459e; color: #fff; transition: all .3s; cursor: pointer; }

.send_inquiry:hover { background: #4380d0; }

.prenext { position: absolute; bottom: 85px; width: 100%; margin-top: 65px; height: 27px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex; border: 0; justify-content: space-between; }

.prenext div { width: 100%; margin-bottom: 50px; }

.prenext li { display: inline-block; line-height: 28px; height: 27px; }

.prenext li:last-child { margin-right: 0; }

.prenext li a { line-height: 28px; display: block; font-size: 14px; color: #555; }

.prenext li i { float: left; width: 27px; height: 27px; -webkit-border-radius: 27px; -moz-border-radius: 27px; -o-border-radius: 27px; border-radius: 27px; margin-right: 10px; }

.prenext li.pre i { background: #01459e url(../images/arti_left.png) center center no-repeat; }

.prenext li.next i { background: #01459e url(../images/arti_right.png) center center no-repeat; }

.prenext li.backlist i { background: #01459e url(../images/menu_icon.png) center center no-repeat; }

.prenext li.pdf i { background: #01459e url(../images/pdf.png) center center no-repeat; }

.prenext li:hover a { color: #01459e; }

.prenext li:hover a i { background-color: #01459e; }

.pro_article_top { padding-top: 40px; padding-bottom: 70px; width: 100%; min-width: 1200px; background: #fafafa; }

.pro_article_bottom { width: 100%; min-width: 1200px; background: #fff; }

.pro_article_bottom h2 { font-size: 25px; color: #01459e; text-align: center; padding-bottom: 40px; }

.bottomwrap { padding-top: 50px; padding-bottom: 80px; }

.bottomwrap .list_ul { width: 100%; display: flex; justify-content: space-between; }

.bottomwrap .list_ul li { margin-right: 0; }

.reveal-modal-bg { position: fixed; background: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#66000000', endcolorstr='#66000000'); z-index: 1000; display: none; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }

.reveal-modal { visibility: hidden; top: 15%; left: 50%; margin-left: -300px; width: 600px; background: #fff; position: fixed; z-index: 9999; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }

.jDialog .jDialog-content { padding: 15px 20px; position: relative; }

.jDialog .close { position: absolute; top: 15px; right: 20px; width: 20px; height: 20px; cursor: pointer; background: url(../images/d_close.png) center center no-repeat; }

.jDialog .close:hover { background: url(../images/d_close_h.png) center center no-repeat; }

.jDialog h2 { color: #fff; font-size: 30px; text-align: center; line-height: 2; padding-top: 13px; border-bottom: 1px solid #ccc; }

.jDialog form > ul { padding: 30px 0 20px; }

.jDialog form > ul:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

.jDialog form > ul > li { float: left; width: 240px; }

.jDialog form > ul > li:last-child { padding-left: 39px; margin-left: 40px; border-left: 1px solid #ccc; height: 130px; }

.jDialog form > ul > li:last-child h3 { color: #2c8dd1; font-size: 20px; margin-top: -6px; line-height: 2; }

.jDialog form > ul > li:last-child h3.form-title-cn { font-weight: bold; font-size: 24px; margin-top: 0; padding-top: 13px; }

.jDialog form > ul > li:last-child li input { margin: 8px 5px 0 0; width: 13px; height: 13px; float: left; }

.jDialog form > ul > li:first-child { text-align: center; }

.jDialog form > ul > li:first-child h3 { color: #fff; font-size: 24px; line-height: 2; }

.jDialog form > h3 { text-align: center; line-height: 1; margin-bottom: 25px; }

.jDialog form > input { border: 1px solid #aaa; padding: 0 10px; height: 44px; margin-bottom: 8px; color: #555; }

.jDialog form > textarea { border: 1px solid #aaa; padding: 0 10px; height: 80px; margin-bottom: 8px; color: #444; font-family: "微软雅黑"; line-height: 24px; }

.jDialog form .intxt { width: 538px; }

.jDialog form .code { width: 320px; }

.jDialog form .coolbg { width: 200px; position: relative; left: 50%; margin-left: -100px; height: 46px; color: #fff; background: #01459e; line-height: 46px; cursor: pointer; }

.jDialog form .coolbg:hover { font-weight: bold; }

.jDialog p { text-align: center; font-size: 18px; border-top: 1px solid #ccc; margin-top: 20px; padding-top: 10px; }

.jDialog p a { color: #fff; }

.jDialog p a:hover { color: #aaa; }

.history-bg { padding-top: 0; padding-bottom: 0; background: url(../images/bg_about.jpg) center center no-repeat; background-size: auto 100%; }

.history-bg h4 { text-align: center; color: #fff; font-size: 36px; padding-top: 60px; }

.history-bg .history { padding-top: 60px; padding-bottom: 80px; }

.send { display: none; }

.ft-car-list { margin-bottom: 30px; }

.ft-car-list li { float: left; margin: 0 15px 15px 0; width: 120px; text-align: center; }

.ft-car-list li:nth-child(9n) { margin-right: 0; }

.ft-car-list li a { position: relative; display: block; }

.ft-car-list li a span { display: block; }

.ft-car-list li a span:after { display: block; z-index: 9; position: absolute; top: 0; width: 55%; background: url(../images/nbwbrand.png) center no-repeat; background-size: 100% auto; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nbwbrand.png', sizingMethod='scale'); left: 0; bottom: 0; right: 0; margin: auto; content: ""; }

.ft-car-list li a span:after { width: 70%; }

.ft-car-list li img { width: 120px; }

.ft-car-list li i { position: absolute; top: 0; right: 0; width: 22px; height: 22px; background: url(../images/icon.png) no-repeat 4.5px center #cd3416; background-size: 30px; }

.ft-car-list p { font-size: 12px; line-height: 25px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #555; }

/*固定侧边拦*/
.float-right-box { width: 200px; position: fixed; right: 0; top: 50%; margin-top: -127px; background-color: #05297f; z-index: 1000; transition: width 0.3s ease 0s; }

.float-right-box.on { width: 50px; }

.float-right-box .top-list { width: 100%; }

.float-right-box .top-list ul { width: 100%; }

.float-right-box .top-list li { width: 100%; position: relative; border-bottom: 1px solid #efefef; transition: background 0.3s ease 0s; height: 50px; }

.float-right-box .top-list a { display: table-cell; width: 100%; vertical-align: middle; height: 51px; }

.float-right-box .top-list .ico { display: inline-block; width: 50px; height: 49px; line-height: 49px; text-align: center; position: absolute; right: 0; top: 0; transition: background 0.3s ease 0s; z-index: 2; }

.float-right-box .top-list .ico_email { background: url(../images/email.png) no-repeat center #05297f; }

.float-right-box .top-list .ico1 { background: url(../images/ico_58.png) no-repeat center #05297f; }

.float-right-box .top-list .ico2 { background: url(../images/ico_59.png) no-repeat center #05297f; }

.float-right-box .top-list .ico3 { background: url(../images/ico_60.png) no-repeat center #05297f; }

.float-right-box .top-list .ico4 { background: url(../images/ico_61.png) no-repeat center #05297f; }

.float-right-box .top-list .ico5 { background: url(../images/ico_62.png) no-repeat center #05297f; }

.float-right-box .top-list .ico6 { background: url(../images/wechaticon.png) no-repeat center #05297f; }

.float-right-box .top-list .ico7 { background: url(../images/ico_69.png) no-repeat center #05297f; }

.float-right-box .top-list .ico8 { background: url(../images/icon_sj.png) no-repeat center center #05297f; }

.float-right-box .top-list .stt { display: inline-block; font-size: 14px; line-height: 50px; color: #fff; transition: color 0.3s ease 0s; position: absolute; left: 22px; top: 0; z-index: 1; width: 222px; }

.float-right-box .top-list li:hover .stt { color: #191919; }

.float-right-box .top-list li:hover .ico_email { background: url(../images/email_h.png) no-repeat center center #fff; }

.float-right-box .top-list li:hover .ico1 { background: url(../images/ico_58_h.png) no-repeat center center #fff; }

.float-right-box .top-list li:hover .ico2 { background: url(../images/ico_59_h.png) no-repeat center center #fff; }

.float-right-box .top-list li:hover .ico3 { background: url(../images/ico_60_h.png) no-repeat center center #fff; }

.float-right-box .top-list li:hover .ico4 { background: url(../images/ico_61_h.png) no-repeat center center #fff; }

.float-right-box .top-list li:hover .ico5 { background: url(../images/ico_62_h.png) no-repeat center center #fff; }

.float-right-box .top-list li:hover .ico6 { background: url(../images/wechaticon_on.png) no-repeat center center #fff; }

.float-right-box .top-list li:hover .ico7 { background: url(../images/ico_69_h.png) no-repeat center center #fff; }

.float-right-box .top-list li:hover .ico8 { background: url(../images/icon_sj_h.png) no-repeat center center #fff; }

.float-right-box .top-list li:hover { background-color: #fff; }

.float-right-box .top-list li:hover .img { opacity: 1; visibility: visible; transform: scale(1); }

.float-right-box .top-list .return-webtop .stt { font-family: "Arial"; text-align: left; font-weight: bold; }

.float-right-box .bot-share { position: relative; height: 50px; }

.float-right-box .bot-share a { display: inline-block; width: 50px; height: 50px; float: left; transition: background 0.3s ease 0s; margin: 0; padding: 0; }

.float-right-box .bot-share .share { width: 200px; position: absolute; left: 0; top: 0; z-index: 1; }

.float-right-box .bot-share .sina { background: url(../images/ico_63.png) no-repeat center; }

.float-right-box .bot-share .wx { background: url(../images/ico_64.png) no-repeat center; }

.float-right-box .bot-share .tx { background: url(../images/ico_65.png) no-repeat center; }

.float-right-box .bot-share .more { background: url(../images/ico_66.png) no-repeat center; }

.float-right-box .bot-share a:hover { background-color: #525354; }

.float-right-box .bot-share .share-ico { background: url(../images/ico_67.png) no-repeat center #191919; width: 50px; height: 50px; display: inline-block; cursor: pointer; z-index: 2; position: absolute; top: 0; right: 0; }

#wechat .img { position: absolute; right: 200px; visibility: hidden; opacity: 0; transform: scale(0); width: 150px; height: 150px; transition: all .3s; top: 50%; margin-top: -75px; }

#wechat .img img { width: 150px; height: 150px; }

.float-right-box .top-list li:hover #wechat .img { visibility: visible; opacity: 1; transform: scale(1); }

.float-right-box .top-list li.am-gotop { opacity: 0; visibility: hidden; height: 0; transition: all .3s; }

.float-right-box .top-list li.am-gotopon { visibility: visible; opacity: 1; height: 50px; }

.top-list li:hover i { background: url(../images/wechat_h.png) center no-repeat; }

.top-list li:hover #wechat .stt { opacity: 1; }

#wechat .stt { opacity: 0; }

i.iconfont { display: inline-block; width: 50px; height: 49px; transition: background 0.3s ease 0s; z-index: 2; color: #fff; font-size: 0; background: url(../images/wechat_w.png) center no-repeat; vertical-align: top; }